@layer base {
  
  body, :host {
    /* Color */
    --bg: var(--light-bg);
--card: var(--light-card);
--card-secondary: var(--light-card-secondary);
--text: var(--light-text);
--text-secondary: var(--light-text-secondary);
--primary: var(--light-primary);
--secondary: var(--light-secondary);
--accent: var(--light-accent);
--border-color: var(--light-border-color);
--light-bg: #fafafa;
--light-card: #FFFFFF;
--light-card-secondary: #F2F2F2;
--light-text: #2c2c2c;
--light-text-secondary: #7E7E7E;
--light-primary: #1F52F1;
--light-secondary: #7E7E7E;
--light-accent: #7E7E7E;
--light-border-color: #e0e0e0;
--dark-bg: #1D1D1D;
--dark-card: #282828;
--dark-card-secondary: #363636;
--dark-text: #FFFFFF;
--dark-text-secondary: #C7C7C7;
--dark-primary: #3D5FF5;
--dark-secondary: #C7C7C7;
--dark-accent: #C7C7C7;
--dark-border-color: #545454;
    /* Fonts */
    --font-plusjakartasans: 'Plus Jakarta Sans',sans-serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .eyAmaz {
      width:100%;
      height:100%;
    }

    .eRSuhd {
      transition:all 500ms ease 0ms;
    }

    .DjDxX {
      gap:2rem;
      width:100%;
      height:100vh;
      align-items:center;
      font-family:'Plus Jakarta Sans';
      letter-spacing:-0.5px;
      justify-content:center;
      background-color:var(--bg, #f2f2f2);
    }

    .eUYxEs {
      color:var(--text);
      width:100%;
      height:3.75rem;
      display:inline-block;
      font-size:var(--font-size-base);
      background:var(--card);
      text-align:left;
      font-family:inherit;
      padding-top:1rem;
      border-color:var(--dark-accent, #C7C7C7);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:0.75rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .eUYxEs:focus {
      outline-color:var(--primary, #3D5FF5);
      outline-style:solid;
      outline-width:1px;
    }

    .dCNCiN {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      position:absolute;
      align-items:center;
      font-family:inherit;
      padding-left:2rem;
      padding-right:2rem;
      backdrop-filter:blur(10px);
      justify-content:center;
    }

    .dCNCiN.hidden {
      display:none;
    }

    .drZqmC {
      color:var(--text-secondary);
      font-size:var(--font-size-sm);
      text-align:left;
      font-family:inherit;
      font-weight:var(--font-weight-regular);
    }

    .chBVsa {
      color:white;
      width:fit-content;
      height:3rem;
      font-size:var(--font-size-base);
      background:linear-gradient(to bottom right, #000000 0%, #474747 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
      box-shadow:0px 10px 10px -4px #00000020, 0px 2px 4px 0px #00000020;
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
      padding-top:0.5rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:0.5rem;
      justify-content:center;
      border-top-left-radius:0.75rem;
      border-top-right-radius:0.75rem;
      border-bottom-left-radius:0.75rem;
      border-bottom-right-radius:0.75rem;
    }

    .bcFLPN {
      color:#b30505;
      font-family:Plus Jakarta Sans;
      padding-top:0.5rem;
      padding-left:0.5rem;
      border-radius:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
    }

    .Change-Email-\:69k3a6imwbuBxlaQiMdWu {
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .fnszWK {
      color:var(--text);
      display:flex;
      row-gap:0.25rem;
      font-size:var(--font-size-base);
      column-gap:0.25rem;
      text-align:left;
      font-family:inherit;
      font-weight:var(--font-weight-regular);
      flex-direction:row;
    }

    .DTwJP {
      gap:0.5rem;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .enkcRP {
      flex:1;
      width:100%;
      display:flex;
      max-height:100%;
      min-height:45%;
      align-items:flex-start;
      font-family:inherit;
      padding-top:3rem;
      padding-left:1rem;
      padding-right:1rem;
      justify-content:flex-start;
    }

    .fuyQBK {
      color:var(--text);
      font-size:var(--font-size-2xl);
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
      letter-spacing:-1.5px;
    }

    .fzQDuX {
      color:var(--text-dark, #ffffff);
      flex-direction:row;
    }

    .dBkUmt {
      font-size:var(--font-size-lg);
      font-family:'Plus Jakarta Sans';
      font-weight:var(--font-weight-bold);
    }

    .MbzCC {
      color:var(--primary, #3D5FF5);
      font-size:var(--font-size-sm);
      text-align:center;
      font-family:inherit;
      font-weight:var(--font-weight-bold);
      text-decoration-line: underline;
    }

    .bxTDKA {
      color:var(--text);
      font-size:var(--font-size-lg);
      text-align:center;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
    }

    .cinLAb {
      color:var(--dark-text, #FFFFFF);
      width:100%;
      cursor:pointer;
      height:3.75rem;
      row-gap:0.5rem;
      font-size:var(--font-size-xl);
      background:linear-gradient(to bottom right, #16bafb 0%, #1f77f3 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
      box-shadow:0px 16px 16px 0px #00000020;
      column-gap:0.5rem;
      transition:all 300ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
      flex-direction:row;
      letter-spacing:-0.5px;
      justify-content:center;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .cinLAb:hover {
      scale:0.95 0.95 1;
      box-shadow:0px 0px 0px 0px #00000000;
    }

    .bjssSO {
      color:var(--text-secondary);
      width:100%;
      display:flex;
      row-gap:0.25rem;
      font-size:var(--font-size-xs);
      column-gap:0.25rem;
      align-items:flex-start;
      font-family:inherit;
      font-weight:var(--font-weight-regular);
      padding-top:1rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:center;
    }

    .bqtJyI {
      color:var(--text-secondary);
      width:100%;
      display:flex;
      font-size:var(--font-size-sm);
      text-align:left;
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
      justify-content:flex-start;
      text-decoration-line:underline;
      text-decoration-style:solid;
      text-decoration-thickness:1px;
    }

    .da-dqiB {
      color:var(--text, #FFFFFF);
      width:100%;
      display:inline-block;
      font-size:var(--font-size-base);
      background:var(--card);
      text-align:left;
      font-family:inherit;
      padding-top:1.25rem;
      border-color:var(--dark-accent, #C7C7C7);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:0.75rem;
      padding-right:1rem;
      padding-bottom:1.25rem;
    }

    .da-dqiB:focus {
      outline-color:var(--primary, #3D5FF5);
      outline-style:solid;
      outline-width:1px;
    }

    .bCLJOI {
      width:100%;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:flex-start;
      font-family:inherit;
      padding-top:4rem;
      padding-left:1rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:flex-start;
    }

    .dFHwiB {
      color:var(--card);
    }

    .fCaago {
      font-size:var(--font-size-base);
      text-align:left;
      font-family:inherit;
      font-weight:var(--font-weight-regular);
    }

    .frkkqW {
      gap:0.5rem;
      width:100%;
      font-family:inherit;
    }

    .brGZwn {
      display:flex;
      row-gap:2rem;
      background:var(--card);
      box-shadow:0px 16px 16px -8px #00000020;
      column-gap:2rem;
      align-items:center;
      font-family:inherit;
      padding-top:2rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:2rem;
      justify-content:center;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .eUZAvg {
      color:var(--text);
      width:100%;
      display:inline-block;
      font-size:var(--font-size-base);
      background:var(--card);
      text-align:left;
      font-family:inherit;
      padding-top:1.25rem;
      border-color:var(--dark-accent, #C7C7C7);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:0.75rem;
      padding-right:1rem;
      padding-bottom:1.25rem;
    }

    .eUZAvg:focus {
      outline-color:var(--primary, #3D5FF5);
      outline-style:solid;
      outline-width:1px;
    }

    .kwayQ {
      width:3rem;
      height:3rem;
      display:flex;
      background:linear-gradient(to bottom right, #0affa1 0%, #00d69d 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
      align-items:center;
      padding-top:0.75rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      padding-bottom:0.75rem;
      justify-content:center;
      border-top-left-radius:100rem;
      border-top-right-radius:100rem;
      border-bottom-left-radius:100rem;
      border-bottom-right-radius:100rem;
    }

    .dlQoqX {
      color:var(--text);
      font-size:var(--font-size-3xl);
      text-align:left;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
      letter-spacing:-1.5px;
    }

    .fmmbTu {
      color:var(--text);
      font-size:var(--font-size-base);
      text-align:left;
      font-family:inherit;
      font-weight:var(--font-weight-regular);
    }

    .iajhA {
      gap:1rem;
      width:100%;
      font-family:inherit;
    }

    .faSZnO {
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bUZyPP {
      width:100%;
      row-gap:2rem;
      column-gap:2rem;
      font-family:inherit;
    }

    .oMxyW {
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
    }

    .dszDlg {
      gap:1rem;
      font-family:inherit;
    }

    .eyVPLS {
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .cvKTtv {
      width:45px;
      height:auto;
      border-top-left-radius:0.75rem;
      border-top-right-radius:0.75rem;
      border-bottom-left-radius:0.75rem;
      border-bottom-right-radius:0.75rem;
    }